<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>超链接练习</title>
    </head>
    <body>
        <!--
            超链接标签 a

            href属性用于定义连接
                href中可以使用绝对路径,以/开头,始终以一个固定路径作为基准路径作为出发点
                href中也可以使用相对路径,不以/开头,以当前文件所在路径为出发点
                href中也可以定义完整的URL

            target用于定义打开的方式
                _blank 在新窗口中打开目标资源
                _self  在当前窗口中打开目标资源
        -->
        <a href="./first.html" target="_blank">新的网页</a>
        <br/>
        <a href="https://i0.hdslb.com/bfs/article/f6a8974daca478c1030888f504b58c5f20f40f40.jpg">来点色图</a>
        <!--
            当我们使用 live server 来访问 html 文件时，项目目录就是根目录
            当我们使用浏览器直接打开 html 文件时，根目录是相应的盘符根目录 比如此文件就为D:\\
            所以说 不同项目的根目录是不同的，要随机应变
        -->
        <a href="/for_html/20241115/first.html">根目录是项目目录</a>

        <!--
            超链接只能让你跳转到图片所在的网页处，并且还需要有文字 但图片标签能直接展示图片
            图片标签 img
                src 定义图片的路径
                title 定义鼠标悬停在图片上时所提示的文字
                alt 定义图片加载失败时的提示文字
        -->
        <br>
        <!--
            px 是像素的意思
            img图片会自动锁定长宽比
            我们调了高度 就会自动调节宽度让图片比例不变
            我们调宽度同理高度也会变
        -->
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201701%2F16%2F20170116114259_yQXud.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1734330426&t=72bfa8c4ad63cf10f61548b4a8239d45" height="720px" alt="404" title="色图" />

        <br/>
        <audio controls>
            <source src = "http://music.163.com/song/media/outer/url?id=26131699"/>
        </audio>
    </body>
</html>
x